<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小兔鲜</title>
    <link rel="stylesheet" href="../css/login.css">
    <!-- 引入登录css样式 -->
    <link rel="stylesheet" href="../css/base.css">

    <link rel="shortcut icon" href="../public/favicon.ico">
    <!-- 引入格式化文档 -->
    <style>
        @font-face {
            font-family: 'toutiao';
            src:
                url('../public/font/iconfont.woff2') format('woff2'),
                url('../public/font/iconfont.woff') format('woff'),
                url('../public/font/iconfont.ttf') format('truetype');
        }

        .toutiao {
            font-family: 'toutiao' !important;
            font-size: 22px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
    </style>
</head>

<body>
    <!-- 头部开始 -->
    <header>
        <div class="container w">
            <!-- log -->
            <h1>
                <a href="../index.html">小兔鲜</a>
            </h1>
            <h2>欢迎登录</h2>
            <!-- 跳转到主页的a标签 -->
            <a href="../index.html" class="skipHomepage">
                进入网站首页
                <!-- 右边小箭头 -->
                <i class="toutiao">&#xe65f;</i>
                <i class="toutiao">&#xe65f;</i>
            </a>
        </div>
    </header>
    <!-- 中间登录部分 -->
    <section>
        <!-- 登录的大盒子 -->
        <div class="registerBox">
            <!-- 登录这几个字 -->
            <div class="topNav">账户登录</div>
            <!-- 登录下面的内容 -->
            <div class="accountBox">
                <div class="form">
                    <div class="name">
                        <i class="toutiao">&#xe634;</i>
                        <input type="text" name="name" placeholder="请输入用户名或手机号">
                    </div>
                    <div class="password">
                        <i class="toutiao">&#xe663;</i>
                        <input type="password" name="name" placeholder="请输入密码">
                    </div>
                    <div class="hook">
                        <input type="checkbox" id="option1" name="option1" value="option1">
                        <span>我已同意</span>
                        <a href="#">《隐私条款》</a>
                        <span>和</span>
                        <a href="#">《服务条款》</a>
                    </div>
                    <button class="btn">登录</button>
                </div>
                <!-- 下方qq布冯 -->
                <div class="qq">
                    <a
                        href="https://graph.qq.com/oauth2.0/show?which=Login&display=pc&client_id=100556005&response_type=token&scope=all&redirect_uri=http%3A%2F%2Fwww.corho.com%3A8080%2F%23%2Flogin%2Fcallback?target=/">
                        <img src="https://qzonestyle.gtimg.cn/qzone/vas/opensns/res/img/Connect_logo_7.png" alt="">
                    </a>
                    <div class="url">
                        <a href="#">忘记密码</a>
                        <a href="./register.html">免费注册</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 用户输入判断 
        弹出警告框-->
        <div class="user userNone">
            <i class="toutiao">&#xe65e;</i>
            <span>用户名不能为空</span>
        </div>
    </section>
    <!-- 尾部 -->
    <footer>
        <p>
            <a href="#">关于我们</a>
            <a href="#">帮助中心</a>
            <a href="#">售后服务</a>
            <a href="#">配送与验收</a>
            <a href="#">商务合作</a>
            <a href="#">搜索推荐</a>
            <a href="#">友情链接</a>
        </p>
        <p>CopyRight © 小兔鲜儿</p>
    </footer>


    <!-- //引入js样式 -->

    <script src="../js/dialog.js"></script>

    <script src="../js/login.js"></script>
</body>

</html>